.personal {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.rate {
  flex: 1;
  display: flex;
  justify-content: space-around;
  align-items: center;
  &-card {
    width: 20%;
    min-width: 200px;
    height: 80px;
    border: 1px solid #f0f0f0;
    text-align: center;
    border-radius: 8px;
    &-number {
      font-size: 40px;
      font-weight: 500;
    }
  }
}
.chart {
  flex: 4;
  //   border: 1px solid red;
  display: flex;
  &-left {
    height: 100%;
    display: flex;
    align-items: center;
    #chart-radar {
      width: 400px;
      height: 400px;
    }
  }
  &-right {
    width: calc(100% - 450px);
    height: 100%;
    #chart-line {
      width: 840px;
      height: 500px;
    }
  }
}
